<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!doctype html>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>资金投入</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<script type="text/javascript" src="<%=path%>/resources/script/jquery/jquery-1.11.3.js"></script>
	<!-- 引入 ECharts 文件 -->
	<script src="<%=path %>/resources/script/echarts/echarts.js"></script>

  </head>
  
  <body>
  
  	<input id="portal" type="hidden" value="${portal }" />
  	<!-- 为 ECharts 准备一个具备大小（宽高）的Dom -->
    <div id="amount_input_main" style="width: 300px;height:300px; margin: 0 auto;"></div>
    
<script type="text/javascript">
$(function(){
	var _portal = $('#portal').val();
	if (_portal == "") {
		$('#amount_input_main').width(600);
		$('#amount_input_main').height(500);
	}
	initCharts();
});

function initCharts() {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('amount_input_main'));

    // 指定图表的配置项和数据
    var option = {
	    tooltip : {
	        trigger: 'axis',
	        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
	            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
	        }
	    },
	    legend: {
	        data:['1.办学理念','2.学校治理','3.办学机制',
		        '4.专业建设','5.教学改革','6.师资队伍',
		        '7.实训条件','8.信息化建设','9.服务能力']
	    },
	    grid: {
	        left: '3%',
	        right: '4%',
	        bottom: '3%',
	        containLabel: true
	    },
	    xAxis : [
	        {
	            type : 'category',
	            data : ['一月','二月','三月','四月','五月','六月',
	            '七月','八月','九月','十月','十一月','十二月']
	        }
	    ],
	    yAxis : [
	        {
	            type : 'value'
	        }
	    ],
	    series : [
	        {
	            name:'1.办学理念',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[1000, 1300, 0, 500, 1000, 666,
	            3355, 2233, 897, 658, 555, 999]
	        },
	        {
	            name:'2.学校治理',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[511, 365, 555, 1240, 333, 666,
	            1212, 453, 3254, 111, 555, 876]
	        },
	        {
	            name:'3.办学机制',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[567, 123, 234, 345, 567, 789,
	            890, 910, 1023, 1134, 1256, 1367]
	        },
	        {
	            name:'4.专业建设',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[1110, 1297, 1331, 1489, 1501, 1879,
	            347, 1787, 1334, 589, 900, 1000]
	        },
	        {
	            name:'5.教学改革',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[1000, 1300, 0, 500, 1000, 666,
	            3355, 2233, 897, 658, 555, 999]
	        },
	        {
	            name:'6.师资队伍',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[1000, 1300, 0, 500, 1000, 666,
	            3355, 2233, 897, 658, 555, 999]
	        },
	        {
	            name:'7.实训条件',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[1000, 1300, 0, 500, 1000, 666,
	            3355, 2233, 897, 658, 555, 999]
	        },
	        {
	            name:'8.信息化建设',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[1000, 1300, 0, 500, 1000, 666,
	            3355, 2233, 897, 658, 555, 999]
	        },
	        {
	            name:'9.服务能力',
	            type:'bar',
	            stack: '项目建设指南',
	            data:[1000, 1300, 0, 500, 1000, 666,
	            3355, 2233, 897, 658, 555, 999]
	        }
	    ]
	};


    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}    
</script>
  </body>
</html>
